<div>
    <div class="actions">
        <div ng-click="createEvent()" class="action on-left">Create</div>
    </div>

    <table class="table table-bordered table-hover">
        <thead>
            <tr class="header">
                <th>NO.</th>
                <th>Title</th>
                <th>Date</th>
                <th>Image</th>
                <th>Action</th>
            </tr>
        <thead>
        <tbody>
            <tr ng-repeat="event in events">
                <td>{{$index+1}}</td>
                <td>{{event.title}}</td>
                <td>{{event.date | date:'yyyy-MM-dd'}}</td>
                <td><img ng-src="{{event.image | imgPath | thumbPath}}" class="img-rounded thumb" onError="this.src='img/no-img.jpg'"></td>
                <td>
                    <span class="action" ng-click="editEvent(event)">Edit</span> &nbsp;&nbsp;
                    <span class="action" ng-click="deleteEvent(event)">Delete</span> &nbsp;&nbsp;
                </td>
            </tr>
        </tbody>
    </table>
</div>